<div id="presentacion">
    <h1>Listado de Auditorias </h1>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
    $(function() {
      $( "#datepicker" ).datepicker();
      $( "#datepicker" ).datepicker( "option", "dateFormat", "yy-mm-dd");
      $( "#datepicker1" ).datepicker();
      $( "#datepicker1" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
    });
  </script>
    <script>
     
          function recuperarAlumnos(page)
           {
               try
               {                 
                    var entidad = document.getElementById("entidad").value;
                    var auditor = document.getElementById("auditor").value;
                    var estado = document.getElementById("estado").value;
                    var desde = document.getElementById("desde").value;
                    var hasta = document.getElementById("hasta").value;
                    
                    var data;
                    if(document.getElementById("todos").checked){
                        data = "todos=1";
                    }
                    else
                    {
                        data = "todos=0";
                    }
                   
                    data = data + "&entidad="+entidad+ "&auditor="+auditor+ "&estado="+estado+"&desde="+desde+"&hasta="+hasta 
                            + "&limite=" + document.getElementById("mostrar").value 
                            + "&pagina=" + page;
                    
                   $.ajax(
                       {
                           // puede ser "get" y "post"
                           type: "post",
                           // el módulo que hará la búsqueda
                           url: "<?php echo base_url() . 'cauditoria/buscarAjax';?>",
                           // los datos para la consulta
                           data: data,
                           // este no viaja al servidor
                           //context : { "cedula" : cedula },
                           // que hacer si esto falla
                           error: callback_error,
                           // que hacer si funciona 
                           success: recuperarClientes
                       });
               }
               catch(ex)
               {
                   alert(ex.description);
               }
           }
           
           function callback_error(XMLHttpRequest, textStatus, errorThrown)
            {
                // en ambientes serios esto debe manejarse con mucho cuidado, 
                // aquí optamos por una solución simple
                alert(errorThrown);
            }
            
            
            function procesarRespuesta(ajaxResponse)
            { 
                // observa que aquí asumimos que el resultado es un objeto 
                // serializado en JSON, razón por la cual tomamos este dato
                // y lo procesamos para recuperar un objeto que podamos
                // manejar fácilmente
                if (typeof ajaxResponse == "string")
                    ajaxResponse = $.parseJSON(ajaxResponse);
                return ajaxResponse;
            }
            
            function recuperarClientes(ajaxResponse, textStatus)
            {
                var alumnos = procesarRespuesta(ajaxResponse);
                if (!alumnos)
                {
                    // no se encontraron registros :(
                    return;
                }

                // recupera la instancia de la tabla en donde colocaremos los 
                // registros que recuperamos y elimina todos salvo el primero, 
                // que es donde se encuentra el encabezado de la tabla
                var tabla = document.getElementById('auditoria');
               while(tabla.hasChildNodes())
               tabla.removeChild(tabla.firstChild);	
        

                // ahora, para cada registro que recuperamos
                var alumno;
                
                var fila;
                var columna;
                var img;
                var a;
                for (var idx in alumnos)
                {
                    fila = document.createElement("tr");
                    alumno = alumnos[idx];
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.id));
                    fila.appendChild(columna);
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.entidad));
                    fila.appendChild(columna);
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.apellido));
                    fila.appendChild(columna);
                    
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.estado));
                    fila.appendChild(columna);
                    
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.fecha_programada));
                    fila.appendChild(columna);
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.fecha_realizada));
                    fila.appendChild(columna);
                    
                    columna = document.createElement("td");
                    columna.appendChild(document.createTextNode(alumno.personal_auditado));
                    fila.appendChild(columna);
 

                    
                    columna= document.createElement("td");
                    
                    a=document.createElement("a");
                    a.setAttribute("href","<?php echo base_url() . 'cregistroauditoria/mostrarauditoria/';?>" + alumno.id);
                    img = document.createElement("img");
                    img.setAttribute("src","<?php echo base_im(); ?>regauditoria.png");
                    a.appendChild(img);
                    
                    columna.appendChild(a); 
                    
                    a=document.createElement("a");
                    a.setAttribute("href","<?php echo base_url() . 'cauditoria/modificar/';?>" + alumno.id);
                    img = document.createElement("img");
                    img.setAttribute("src","<?php echo base_im(); ?>edit.png");
                    a.appendChild(img);
                    
                    columna.appendChild(a); 
                    
                    a=document.createElement("a");
                    a.setAttribute("href","<?php echo base_url() . 'cauditoria/eliminar/';?>" + alumno.id);
                    img = document.createElement("img");
                    img.setAttribute("src","<?php echo base_im(); ?>delete.png");
                    a.appendChild(img);
                    
                    columna.appendChild(a);
     
                    
                    fila.appendChild(columna);              
                    
                
                    tabla.appendChild(fila);                  
                }
                
          }
          
          
          function cargarBusqueda(page)
          {
              recuperarAlumnos(page);
              paginar_ajax();
          }
     </script> 
    
    <script>
     
               function paginar_ajax()
           {
               try
               {                 
                    var entidad = document.getElementById("entidad").value;
                    var auditor = document.getElementById("auditor").value;
                    var estado = document.getElementById("estado").value;
                    var desde = document.getElementById("desde").value;
                    var hasta = document.getElementById("hasta").value;
                    var data;
                    if(document.getElementById("todos").checked){
                        data = "todos=1";
                    }
                    else
                    {
                        data = "todos=0";
                    }
                   
                    data = data + "&entidad="+entidad+"&auditor="+auditor+"&estado="+estado+"&desde="+desde+"&hasta="+hasta 
                            + "&limite=" + document.getElementById("mostrar").value;
                    
                   $.ajax(
                       {
                           // puede ser "get" y "post"
                           type: "post",
                           // el módulo que hará la búsqueda
                           url: "<?php echo base_url() . 'cauditoria/cantAuditorias';?>",
                           // los datos para la consulta
                           data: data,
                           // este no viaja al servidor
                           //context : { "cedula" : cedula },
                           // que hacer si esto falla
                          // error: callback_error,
                           // que hacer si funciona 
                           success: paginas
                       });
               }
               catch(ex)
               {
                   alert(ex.description);
               }
           }
           
//           function callback_error(XMLHttpRequest, textStatus, errorThrown)
//            {
//                // en ambientes serios esto debe manejarse con mucho cuidado, 
//                // aquí optamos por una solución simple
//                alert(errorThrown);
//            }
            
            
//            function procesarRespuesta(ajaxResponse)
//            { 
//                // observa que aquí asumimos que el resultado es un objeto 
//                // serializado en JSON, razón por la cual tomamos este dato
//                // y lo procesamos para recuperar un objeto que podamos
//                // manejar fácilmente
//                if (typeof ajaxResponse == "string")
//                    ajaxResponse = $.parseJSON(ajaxResponse);
//                return ajaxResponse;
//            }
            
            function paginas(ajaxResponse, textStatus)
            {
                var alumnos = ajaxResponse;
//                if (!alumnos)
//                {
//                    // no se encontraron registros :(
//                    return;
//                }

                // recupera la instancia de la tabla en donde colocaremos los 
                // registros que recuperamos y elimina todos salvo el primero, 
                // que es donde se encuentra el encabezado de la tabla
                var pag = document.getElementById('paginas');
                var cant_mostrar = document.getElementById('mostrar').value;
                var cant_pag =  parseInt(alumnos / cant_mostrar);
               while(pag.hasChildNodes())
               pag.removeChild(pag.firstChild);	
        
               var a;
               
               for(var i=1;i<=cant_pag;i++)
               {
                    a = document.createElement('a');
                  if(i===1)
                  {
                      a.setAttribute('class','pagActual');
                      a.setAttribute('onclick','');
                  }
                  else
                  {
                      a.setAttribute('class','pag');
                      a.setAttribute('onclick','cargarPagina(this)');
                  }         
                  
                  a.setAttribute('href','#');
                  a.setAttribute('value',i);
                  a.appendChild(document.createTextNode(i));
                    
                   
                   pag.appendChild(a);
               }

              
          }
          
          function cargarPagina(enlace)
          {
              var padre = document.getElementById('paginas');
              var hijos = padre.getElementsByTagName('a');
              for(var j = 0; j< hijos.length;j++)
               {
                   hijos[j].setAttribute('onclick','cargarPagina(this)');
                   hijos[j].setAttribute('class','pag');
               } 
              enlace.setAttribute('class','pagActual');
              enlace.setAttribute('onclick','');
                            
              var temp = enlace.getAttribute('value');
              recuperarAlumnos(temp);
          }
                
     </script> 
    
    
      <!--
    FIN- Prueba de carga de datos con ajax y json
    -->
        <div>
   <p>
    	<p>
                <label for="entidad">Entidad: </label>
                <input id="entidad" name="entidad"  class="ui-widget-content"> 
                <label for="auditor">Auditor: </label>
                <input id="auditor" name="auditor"  class="ui-widget-content"> 
                <label for="estado">Estado: </label>
                <input id="estado" name="estado"  class="ui-widget-content"> <br><br>
                <label for="desde">Desde: </label>
                <input type="text" id="datepicker" name="desde">
                <label for="hasta">Hasta: </label>
                <input type="text" id="datepicker1" name="hasta">
                <input type="checkbox" name="todos" id="todos" >Todos
                
            <label for="mostrar">Mostrar: </label>
            <select id="mostrar">
                <option value="15">10</option>
                <option value="30">20</option>
                <option value="50">30</option>             
            </select>
        </p>
        <p>
            <button type="submit" value="Buscar" onclick="cargarBusqueda(1)">Buscar</button>
        </p>
   
        </div>
    <div class="ui-datagrid">
        <input type="submit" value="Alta de Auditoria" 
        onclick="window.location='<?php echo base_url() . 'cauditoria/nuevo'?>';" />
        <table border="1" >
            <thead><tr >
                <th>ID</th>
                <th>ENTIDAD</th>
                <th>AUDITOR</th>
                <th>ESTADO</th>
                <th>FECHA PROGRAMADA</th>
                <th>FECHA REALIZADA</th>
                <th>PERSONAL AUDITADO</th>
                <th>ACCION</th>
             </tr></thead> 
            <tbody id="auditoria">
                <?php foreach ($listas as $fila)        
                    {
                     ?>
                 <tr>
                     <td><?php echo $fila->id?></td>
                     <td width="20%"> <?php echo $fila->entidad?></td>
                     <td width="14%"> <?php echo $fila->apellido;?>, 
                             <?php echo $fila->personas ?></td>
                     <td> <?php echo $fila->estado?></td>
                     <td> <?php echo $fila->fecha_programada?></td>
                     <td> <?php echo $fila->fecha_realizada?></td>
                     <td> <?php echo $fila->personal_auditado?></td>
                     <td width="10%">
                     <?php if ($fila->t_estado_auditoria_id==1 || $fila->t_estado_auditoria_id==2){ ?>
                     <a href="<?php echo base_url() . 'cregistroauditoria/mostrarauditoria/' . $fila->id;?>"><img src="<?php echo base_im(); ?>regauditoria.png" alt="Registrar auditoría" /></a>
                     <a href="<?php echo base_url() . 'cauditoria/modificar/' . $fila->id;?>"><img src="<?php echo base_im(); ?>edit.png" alt="Editar" /></a>
                     <a href="<?php echo base_url() . 'cauditoria/eliminar/' . $fila->id;?>"><img src="<?php echo base_im(); ?>delete.png" alt="Eliminar" /></a>
                     
                     <?php } ?> 
                     <?php if ($fila->t_estado_auditoria_id==3){
                         ?><a href="<?php echo base_url() . 'cregistroauditoria/verauditoria/' . $fila->id;?>"><img src="<?php echo base_im(); ?>icono-informe.png" alt="Ver auditoría" /></a>
                     <a href="<?php echo base_url() . 'cregistroauditoria/reginforme/' . $fila->id .'/1' ;?>"><img src="<?php echo base_im(); ?>auditoria_ico.png" alt="Generar Informe" /></a></td>
                     <?php } ?> 
                     <?php if ($fila->t_estado_auditoria_id==5){
                         ?><a href="<?php echo base_url() . 'cregistroauditoria/verauditoria/' . $fila->id;?>"><img src="<?php echo base_im(); ?>icono-informe.png" alt="Ver auditoría" /></a>
                     <a href="<?php echo base_url() . 'cregistroauditoria/reginforme/' . $fila->id .'/2' ;?>"><img src="<?php echo base_im(); ?>auditoria_ico.png" alt="Generar Informe" /></a></td>
                     <?php } ?> 
                     </td>
                </tr>       
                <?php
                    }
             ?></tbody>
        </table>
    </div>
</div>
<p id="paginas" style="text-align: center">
    
</p>
  <input type="button" value="Imprimir" onclick="javascript:window.print()" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_js(); ?>jquery-ui-git.css">
